<template>
  <div>
    <div class="w">
      <div class="d-flex flex-row works">
        <div class="col-6 col-lg-3 mt-4 mb-4">
          <comp-userworks-item></comp-userworks-item>
        </div>
        <div class="col-6 col-lg-3 mt-4 mb-4">
          <comp-userworks-item></comp-userworks-item>
        </div>
        <div class="col-6 col-lg-3 mt-4 mb-4">
          <comp-userworks-item></comp-userworks-item>
        </div>
        <div class="col-6 col-lg-3 mt-4 mb-4">
          <comp-userworks-item></comp-userworks-item>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import compUserworksItem from "./comp-userworks-item.vue";
export default {
  components: { compUserworksItem },
};
</script>

<style lang="less" scoped>
.works {
  padding-top: 30px;
  > div {
    padding: 0 10px;
  }
}
</style>